section#car-rental-bg-image-cover {
    background-image: url("../img/jpg/AutoMain.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

/*
 * Added a new layer of opacity to cover image
 *
 * By apply ::before or ::after to an element,
 * you can insert a dynamic element into the DOM
 * before or after the selected elements children.
 */
section#car-rental-bg-image-cover::before {
    background-color: rgba(0, 0, 0, 0.7);
    /* One important note, all pseudo-elements require a content
     * CSS property to display. In our case, this will just be
     * a blank string. */
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*
 * Avoid that the element inside of div had opacity
 */
section#car-rental-bg-image-cover > * {
    position: relative;
}

section#car-rental-bg-image-mustang {
    background-image: url("../img/jpg/AutoCover.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

section#car-rental-bg-image-sedan {
    background-image: url("../img/jpg/Sedan.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
